<div class="animated fadeInRight">
    <div class="row border-bottom white-bg dashboard-header">
        <div class="col-sm-12">
            <h2>{{ 'WELCOME' | translate }}</h2>
            <small>{{ 'MESSAGEINFO' | translate }}</small>
        </div>
    </div>

    <div class="wrapper wrapper-content ng-scope">

        <div class="row">
            <div class="col-lg-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-primary pull-right">交易信息</span>
                        <h3>近七日交易情况：</h3>
                    </div>
                    <div id="barIbox" class="ibox-content sk-loading">
                        <div class="sk-spinner sk-spinner-rotating-plane"></div>
                        <div>
                        <span class="pull-right text-right">
                            <small>总交易量：<strong>1,000</strong></small>
                            <small>，成功：<strong>1000</strong></small>
                            <small>，失败：<strong>100。</strong></small>
                        </span>
                        </div>
                        <div id="homeBarData" ng-controller="homePageCtrl">
                            <canvas id="bar" class="chart chart-bar"
                                    chart-data="data" chart-labels="labels" chart-series="series"
                                    chart-colors="colors"></canvas>
                        </div>
                        <div class="m-t-md">
                            <small class="pull-right">
                                <i class="fa fa-clock-o"> </i>
                                Update on 16.07.2015
                            </small>
                            <small>
                                <strong>总交易额：</strong>￥50,000，
                                <strong>成功金额：</strong>￥10,000，
                                <strong>失败金额：</strong>￥40,000。
                            </small>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-success pull-right">成功</span>
                        <h5>商户交易</h5>
                    </div>
                    <div id="pieIbox" class="ibox-content sk-loading" ng-controller="homePagePieCtrl">
                        <div class="sk-spinner sk-spinner-rotating-plane"></div>
                        <canvas id="pie" class="chart chart-pie"
                                chart-data="data" chart-labels="labels" chart-colors="colors">
                        </canvas>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-warning pull-right">失败</span>
                        <h5></h5>
                    </div>
                    <div id="doughnutFIbox" class="ibox-content sk-loading" ng-controller="homePageDoughnutFCtrl">
                        <div class="sk-spinner sk-spinner-rotating-plane"></div>
                        <canvas id="doughnutF" class="chart chart-doughnut"
                                chart-data="data" chart-labels="labels" chart-colors="colors">
                        </canvas>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-danger pull-right">拒付</span>
                        <h5></h5>
                    </div>
                    <div id="doughnutRIbox" class="ibox-content sk-loading" ng-controller="homePageDoughnutRCtrl">
                        <div class="sk-spinner sk-spinner-rotating-plane"></div>
                        <canvas id="doughnutR" class="chart chart-doughnut"
                                chart-data="data" chart-labels="labels" chart-colors="colors">
                        </canvas>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>